<template>
    <common-card
        title="累计销售额"
        :value="salesToday"
    >
        <template>
            <div class="compare-wrapper">
                <div class="compare">
                    <span>日同比</span>
                    <span class="emphasis">{{salesGrowthLastDay}}</span>
                    <div class="increase"></div>
                </div>
                <div class="compare">
                    <span>月同比</span>
                    <span class="emphasis">{{salesGrowthLastMonth}}</span>
                    <div class="decrease"></div>
                </div>
            </div>
        </template>
        <template v-slot:footer>
            <span>昨日销售额 </span>
            <span class="emphasis">{{salesLastDay}}</span>
        </template>
    </common-card>
</template>

<script>
import commonCardMixin from '@/mixins/commonCardMixin'  //引入卡片组件
import commonDataMixin from '@/mixins/commonDataMixin' //引入inject数据
export default {
    mixins: [commonCardMixin,commonDataMixin], //引入有公共特性的改为mixin方式引入，减少共用代码的编写
    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>
    .compare-wrapper{ 
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        .compare {
            display: flex;
            align-items: center;
            font-size: 12px;
            margin-top: 3px;
            color: #666;
        }
    }
</style>